.register {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-image: url(https://img1.baidu.com/it/u=3664896485,4160099446&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889);
  
    .gradient-text {
      font-weight: bold;
      background-image: linear-gradient(60deg, #E21143, #FFB03A);
      -webkit-background-clip: text; 
      -webkit-text-fill-color:transparent; 
    }
  
    .main {
      width: 50vw;
      height: 30vh;
      padding: 10px;
      background-color: rgba($color: #0aed68, $alpha: 0.2);
      display: flex;
      justify-content: space-around;
      align-items: center;
  
      &:hover {
        transition: .5s;
        background-color: rgba($color: #0aed68, $alpha: 0.1);
      }
  
      .el-button--primary {
        margin-left: 10px;
      }
    }
  }